<template>
  <div>
    <div class="mui-numbox"  data-numbox-min='1'  >
        <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
        <input class="mui-numbox-input" type="number" value="1" />
        <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
    </div>
  </div>
</template>
<script>
import mui from '../../../node_modules/mui/dist/js/mui.min.js'
export default {
  data() {
    return {
      
    };
  },
  props:["max"],
  mounted(){
      mui('.mui-numbox').numbox()//初始化
  },
  watch:{
    max(newVue){
      mui('.mui-numbox').numbox().setOption('max',newVue)
      
    }
  }
}
</script>
<style lang="css" scoped>
  
</style>